<div class="item-selector">
  <nz-checkbox-wrapper *ngIf="((schedule | async) || []).length; else empty" style="width: 100%;" (nzOnChange)="logChange($event)">
    <div class="schedule-item" *ngFor = "let menu of (schedule | async)" @slide>
      <div class="wrapper-left">
        <!-- <label nz-checkbox [nzValue]="menu.id" [ngModel]="menu.checked" (ngModelChange)="checkedOnChange($event)">{{menu.title}}</label> -->
        <label nz-checkbox [nzValue]="menu.id" [ngModel]="menu.checked" (ngModelChange)="checkedOnChange($event, menu.id)">{{menu.title}}</label>
      </div>
      <div class="wrapper-right">
        <button nz-button nzType="primary" (click)="deleteSchedule(menu.id)">删 除</button>
      </div>
    </div>
  </nz-checkbox-wrapper>
  <ng-template #empty>
    <div class="empty-wrapper">暂无待办事项</div>
  </ng-template>
</div>
